#components-layout-demo-custom-trigger 
  .trigger 
    font-size: 18px;
    line-height: 64px;
    padding: 0 24px;
    cursor: pointer;
    transition: color .3s;
  
  
  #components-layout-demo-custom-trigger
   .trigger:hover 
      color: #1890ff;
  
  
  #components-layout-demo-custom-trigger 
    .logo 
      height: 32px;
      background: rgba(255,255,255,.2);
      margin: 16px;



  
.silder-left
  width 256px !important 
  max-width 256px !important 
  flex 0 0 256px !important 
  min-width 256px !important 
.logo 
    height: 50px;
    background: #FFDF2B;
    display flex 
    align-items center
    .img-logo
      width 32px
      height 32px
      margin-left 14px
      margin-right 30px
      img 
        width 100%
        height 100%
    .head-input 
      width 160px
      height 26px
      border-radius 13px 
      background #F0CD03
      border none 
  
.ant-layout-header
  height: 50px;
  line-height: 50px;


.top-header
  height: 92px;
  padding 0 10
  >i
    margin-left: 21px;
  .head-top
    display flex
    justify-content space-between
    border-bottom: 1px solid #F0F0F0;
    height 50px
    padding 0 10px
  span
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    margin-left: 24px

.tab-con
  display flex
  justify-content space-between
  .tab-left
    height: 40px;
    border-bottom: 1px solid #F0F0F0;
    box-shadow: 0 2px 4px 0 rgba(202,202,202,0.50);
    display: flex;
    line-height: 40px;
    border-top: 1px solid #F0F0F0;
    >div
      padding: 0 16px;
      border-left:1px solid #F0F0F0; 
      &:last-child
        border-right:1px solid #F0F0F0; 
  .tab-li
    position relative
    i
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #dbdbdb;
      color: #ffffff;
      margin-left: 9px;
      font-size: 12px
    &.active
      color #000000
      background #F6F6F6
      &:after
        display block
        position absolute
        content ''
        left 0
        top 0px
        width 100%
        height 2px
        background #20222A
  .tab-right
    display flex
    .left
      width 42px
      text-align center
      border 1px solid #F0F0F0
    a
      width 42px
      text-align center
      border 1px solid #F0F0F0
.head-right
  display flex
  align-items center
  .portrait
    margin-right 5px
  .noti
    position relative
    width 23px
    height 23px
    span
      position absolute
      right 0px
      top 0px
      display block
      width 7px
      height 7px
      background #FF5656
      border-radius 50%
    &.refresh
      background  url('../image/draft_box.png') center no-repeat
      margin-right 22px
    &.remind
      background  url('../image/notice.png') center no-repeat
.ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected
  background #16181D
  &:after
    display block
    content ''
    width 4px
    height 100%
    background #FFDF2B
    position absolute
    left 0
    top 0px
.footer
  color rgba(0,0,0,0.45)
  span
    margin: 0 5px


/*商品列表*/
.listc
  border 1px solid #F0F0F0
  .head-title
    height 40px
    background #F2F2F2
    border-bottom 1px solid #F0F0F0
    line-height 40px
    padding 0 13px
  .search-list
    padding 0 12px
    margin-top 23px
    display flex 
    .search-li
      display flex
      align-items center
      margin-right 25px
      >.label-d 
        margin-right 11px
        width 90px
        text-align right 
      .create-time
        margin-right: 10px
      .line
        width: 10px
        height 1px
        background: #000000
        margin: 0 5px
      #key
        width 250px
      #mb-name
        width 165px
    &.vshow
      display: flex
      animation: fade-in
      animation-duration: .5s
      animation-direction:alternate;
    &.vhide
      display: none
    button
      margin-right 10px
      &.screen
        i 
          transform rotate(-90deg)
@keyframes fade-in {  
    0% {opacity: 0;}
    40% {opacity: 0;}  
    100% {opacity: 1;} 
}  
.table
  font-size 14px
  position relative
  .title
    display flex 
    align-items center
    margin-top 23px
    margin-bottom 28px
    padding 0 12px
    justify-content space-between
    button 
      border none
      &:nth-child(1)
        margin-right 11px
    .dh-btn
      background: #20222A;
      border-radius: 2px;
      color: #ffffff
  .content
    input 
      width 40px
      height 20px
  .ant-table-thead 
    color: #333333;
    letter-spacing: 0;
  .ant-table-tbody
    color: #000000;
.ant-table-thead > tr > th, .ant-table-tbody > tr > td
  padding 15px 7px
  text-align center
  .ant-tag
    color #ffffff
    border none
    &:nth-child(1)
      color #3C3C3C
.ant-tabs-content
  position relative
.select-op
  position absolute
  left 20px
  bottom 11px
  display flex 
  align-items center
  button
    margin-right 14px
    border none
    color #3C3C3C
    &:hover,:focus
      color #3C3C3C
      background #ffdf2b
  label
    span 
      color #ff8045
  .batch
    margin-left 75px
    label 
      margin-right 8px
    button
      margin-left 12px


.se-num
  color:#ff8045
  margin-right: 3px
.ant-tabs-nav .ant-tabs-tab
  &:hover
    color #000000
.ant-tabs-nav .ant-tabs-tab-active
  color: #000000
  :hover
    background-color #000000
.ant-tabs-ink-bar
  background-color #000000
.avatar-uploader > .ant-upload {
  width: 162px;
  height: 162px;
}

  
